<div class="watch-container">
    <div class="display-flex" style="position: relative;">
        <input placeholder="输入关键字搜索" [(ngModel)]="searchStr" class="search-input" type="text" (keypress)="search($event)" />
        <div class="search-icon" (click)="search()"></div>
        <div style="flex: 1;" class="display-flex flex-end">
            <div class="auto-refresh">{{second}}秒后自动刷新</div>
        </div>
    </div>
    <div id="pdf">
        <es-table [headers]="headers" (sortEvent)="sortEvent($event)" [datas]="datas" #table>
            <ng-template let-data>
                <es-table-column [header]="data.h" [data]="data.d" [field]="'name'">
                    <div class="name" (click)="openSlider(data.d)">{{data.d.name}}</div>
                </es-table-column>
                <es-table-column [header]="data.h" [data]="data.d" [field]="'status'">
                    {{getStatus(data.d.status)}}
                </es-table-column>
                <es-table-column [header]="data.h" [data]="data.d" [field]="'sn'">
                    {{data.d.sn}}
                </es-table-column>
                <es-table-column [header]="data.h" [data]="data.d" [field]="'cabinet'">
                    {{data.d.cabinet}}
                </es-table-column>
                <es-table-column [header]="data.h" [data]="data.d" [field]="'cpuuse'">
                    {{data.d.cpuuse}}
                </es-table-column>
                <es-table-column [header]="data.h" [data]="data.d" [field]="'memoryuuse'">
                    {{data.d.memoryuuse}}
                </es-table-column>
                <es-table-column [header]="data.h" [data]="data.d" [field]="'diskuse'">
                    {{data.d.diskuse}}
                </es-table-column>
                <es-table-column [header]="data.h" [data]="data.d" [field]="'warn'">
                    <div class="name" (click)="jumpToWarn(data.d)">{{data.d.warn}}</div>
                </es-table-column>
            </ng-template>
        </es-table>
    </div>
    <div class="pagination">
        <pagination [total]='totalCount' [(nowPage)]="nowPage" [pageSize]='pageSize' (paginationEvent)="paginationChange()"></pagination>
    </div>
</div>